<html xmlns:wicket="http://wicket.apache.org" wicket:id="html">
<wicket:extend>
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <p>Below is a map covered with WFS data, each marker represents a historic site in Massachusetts. As
                    you pan and zoom the map, more data will be loaded on demand. If you click on a point, more information
                    about the feature will appear in a popover window. The red marker indicates the location of Miles'
                    office.</p>

                <p><b>Beware:</b> If you zoom out to far, you may be in for a lengthy wait as the map waits for all of
                    the points from the data source to load.</p>

                 <p>The data is provided by the
                    <a href="http://mhc-macris.net/">Massachusetts Historial Commisssion</a>.</p>

                <div wicket:id="popover">[POPOVER]</div>

                <div wicket:id="marker">[MARKER]</div>

                <div wicket:id="map" style="height: 600px; margin-top: 1em; border: 1px solid #a9a9a9">[MAP]</div>

                <hr>

                <ul>
                    <li>
                        <a href="https://github.com/wicketstuff/core/blob/master/openlayers3-parent/openlayers3-examples/src/main/java/org/wicketstuff/openlayers3/examples/WfsPage.java" target="_blank">
                            Java Code
                        </a>
                    </li>
                    <li>
                        <a href="https://github.com/wicketstuff/core/blob/master/openlayers3-parent/openlayers3-examples/src/main/java/org/wicketstuff/openlayers3/examples/WfsPage.html" target="_blank">
                            Wicket HTML
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</wicket:extend>
</html>
